/**
 * Created by user on 2018/3/28.
 */
import React, { Component } from 'react'
import { connect } from 'react-redux'

class ReConnectMask extends Component {
  render() {
    const { showReConnect } = this.props
    return showReConnect ? (
      <div className="re_connect_mask">
        <div className="re_connect_inner">
          <div className="top">
            <img className="img1" src={require('../images/load1.png')} alt=""/>
            <img className="img2" src={require('../images/load2.png')} alt=""/>
          </div>
          <div className="bottom">断开连接,重连中</div>
        </div>
      </div>
    ) : null
  }
}

const mapStateToProps = (state) => {
  return {
    showReConnect: state.MainScreenState.showReConnect
  }
}
export default connect(mapStateToProps)(ReConnectMask)
